<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description"
	content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="Coderthemes">

	<link rel="shortcut icon" th:href="@{/images/favicon_1.ico}">

<title>废弃油脂计划单</title>

<!-- DataTables -->
<link th:href="@{/plugins/datatables/jquery.dataTables.min.css}"
	rel="stylesheet" type="text/css" />
<link th:href="@{/plugins/datatables/buttons.bootstrap.min.css}"
	rel="stylesheet" type="text/css" />
<link th:href="@{/plugins/datatables/fixedHeader.bootstrap.min.css}"
	rel="stylesheet" type="text/css" />
<link th:href="@{/plugins/datatables/responsive.bootstrap.min.css}"
	rel="stylesheet" type="text/css" />
<link th:href="@{/plugins/datatables/scroller.bootstrap.min.css}"
	rel="stylesheet" type="text/css" />

<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"
	type="text/css">
<link th:href="@{/css/core.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/icons.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/components.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/pages.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/menu.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/responsive.css}" rel="stylesheet" type="text/css">
<link th:href="@{/plugins/sweetalert/dist/sweetalert.css}" rel="stylesheet" type="text/css">
<script th:src="@{/js/modernizr.min.js}"></script>
<!--layui用于预览图片-->
<!--<script src="https://www.layuicdn.com/layui/layui.js" v="2.5.6" e="layui.all"></script>-->

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

</head>


<body>

<!-- Navigation Bar-->
<div th:replace="~{commons/commons::topbar}"></div>
<!-- End Navigation Bar-->


	<div class="wrapper">
		<div class="container">

<!--			<div class="row" sec:authorize="hasRole('odreceiptmonth')">-->
<!--				<div class="col-md-12">-->
<!--					<div class="panel panel-default">-->
<!--						<div class="panel-heading">-->
<!--							<h3 class="panel-title">台账导出</h3>-->
<!--						</div>-->
<!--						<div class="panel-body">-->
<!--							<form class="form-inline" role="form">-->
<!--								<div class="input-group">-->
<!--									<input type="text" class="form-control"-->
<!--										   placeholder="台账日期" id="searchDate" autocomplete="off">-->
<!--									<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>-->
<!--								</div>-->
<!--								<button type="button" class="btn btn-info waves-effect waves-light m-l-10" id="monthlyExcelOutExplorer">导 出 台 账</button>-->
<!--							</form>-->
<!--						</div>-->
<!--						&lt;!&ndash; panel-body &ndash;&gt;-->
<!--					</div>-->
<!--					&lt;!&ndash; panel &ndash;&gt;-->
<!--				</div>-->
<!--				&lt;!&ndash; col &ndash;&gt;-->
<!--			</div>-->

			<div class="row">
				<div class="col-md-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">查询条件</h3>
						</div>
						<div class="panel-body">

<!--							<form class="form-inline" role="form" style="margin-bottom: 10px;">
								<div class="input-group">
									<input type="text" class="form-control"
										   placeholder="台账日期" id="searchDate" autocomplete="off">
									<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
								</div>
								<button type="button" class="btn btn-info waves-effect waves-light m-l-10" id="monthlyreport">导 出 台 账</button>
							</form>-->

							<form class="form-inline" role="form">
								<div class="input-group">
									<input type="text" class="form-control"
										placeholder="开始时间" id="startDate" autocomplete="off">
									<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
								</div>

								<div class="input-group">
									<input type="text" class="form-control"
										placeholder="结束时间" id="endDate" autocomplete="off">
									<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
								</div>

								<div class="input-group">
									<input type="text" class="form-control" id="name" placeholder="商家名称" autocomplete="off">
								</div>

								<div class="input-group">
									<select id="area" placeholder="商家区域" class="form-control">
										 <option disabled selected value> 请选择商家区域 </option>
				                         <option value="全部区域">全部区域</option>
                                    </select>
								</div>

								<button type="button" class="btn btn-success waves-effect waves-light m-l-10" id="find">查 询 单 据</button>
								<button type="button" class="btn btn-danger waves-effect waves-light m-l-10" id="add">新 增 单 据</button>
							</form>

						</div>
						<!-- panel-body -->
					</div>
					<!-- panel -->
				</div>
				<!-- col -->

			</div>
			<!-- End row -->



			<div class="row">
				<div class="col-md-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">查询结果</h3>
						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-12 col-sm-12 col-xs-12">
									<table id="datatable-buttons" class="table table-striped table-bordered" data-show-footer="true">
										<thead>
											<tr>
												<th>商家名称</th>
												<th>商家区域</th>
												<th>商家产量</th>
												<th>计划日期</th>
												<th>提交日期</th>
												<th>状态</th>
												<th>备注</th>
<!--												<th sec:authorize="hasRole('odreceiptupdate')">操作</th>-->
											</tr>
										</thead>
<!--										<tfoot>-->
<!--											<tr>-->
<!--												<th>合计:</th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--												<th></th>-->
<!--											</tr>-->
<!--										</tfoot>-->

										<tbody id="detail">
 <!--											<tr>
												<td>Tiger Nixon</td>
												<td>System Architect</td>
												<td>Edinburgh</td>
												<td>61</td>
												<td>2011/04/25</td>
												<td>$320,800</td>
											</tr>
											<tr>
												<td>Garrett Winters</td>
												<td>Accountant</td>
												<td>Tokyo</td>
												<td>63</td>
												<td>2011/07/25</td>
												<td>$170,750</td>
											</tr>
											<tr>
												<td>Ashton Cox</td>
												<td>Junior Technical Author</td>
												<td>San Francisco</td>
												<td>66</td>
												<td>2009/01/12</td>
												<td>$86,000</td>
											</tr> -->

										</tbody>
									</table>

								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- End Row -->

		</div>
		<!-- end container -->

	</div>
	<!-- end wrapper -->



	<!-- jQuery  -->
	<script th:src="@{/js/jquery.min.js}"></script>
	<script th:src="@{/js/bootstrap.min.js}"></script>
	<script th:src="@{/js/detect.js}"></script>
	<script th:src="@{/js/fastclick.js}"></script>
	<script th:src="@{/js/jquery.blockUI.js}"></script>
	<script th:src="@{/js/waves.js}"></script>
	<script th:src="@{/js/wow.min.js}"></script>
	<script th:src="@{/js/jquery.nicescroll.js}"></script>
	<script th:src="@{/js/jquery.scrollTo.min.js}"></script>

	<!-- Datatables-->
	<script th:src="@{/plugins/datatables/jquery.dataTables.min.js}"></script>
<!--	<script th:src="@{/plugins/jquery-datatables-editable/jquery.dataTables.js}"></script>-->
	<script th:src="@{/plugins/datatables/dataTables.bootstrap.js}"></script>
	<script th:src="@{/plugins/datatables/dataTables.buttons.min.js}"></script>
	<script th:src="@{/plugins/datatables/buttons.bootstrap.min.js}"></script>
	<script th:src="@{/plugins/datatables/jszip.min.js}"></script>
	<script th:src="@{/plugins/datatables/pdfmake.min.js}"></script>
	<script th:src="@{/plugins/datatables/vfs_fonts.js}"></script>
	<script th:src="@{/plugins/datatables/buttons.html5.min.js}"></script>
	<script th:src="@{/plugins/datatables/buttons.print.min.js}"></script>
	<script th:src="@{/plugins/datatables/dataTables.fixedHeader.min.js}"></script>
	<script th:src="@{/plugins/datatables/dataTables.keyTable.min.js}"></script>
	<script th:src="@{/plugins/datatables/dataTables.responsive.min.js}"></script>
	<script th:src="@{/plugins/datatables/responsive.bootstrap.min.js}"></script>
	<script th:src="@{/plugins/datatables/dataTables.scroller.min.js}"></script>
    <script type="text/javascript" th:src="@{/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js}"></script>
	<!-- Datatable init js -->
	<script th:src="@{/pages/datatables.init.js}"></script>

	<script th:src="@{/js/jquery.app.js}"></script>


    <!-- Sweet-Alert  -->
    <script th:src="@{/plugins/sweetalert/dist/sweetalert.min.js}"></script>
    <script th:src="@{/pages/jquery.sweet-alert.init.js}"></script>
<!-- 	<script src="https://cdn.staticfile.org/bootstrap-table/1.13.5/locale/bootstrap-table-zh-CN.min.js"></script> -->
	<script type="text/javascript" th:src="@{/js/odreceipt/liststoreodreceipt.js}"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			//$('#datatable').dataTable();
			
			jQuery('#startDate').datepicker({
				autoclose:true  //选择日期后自动关闭picker
			});
			jQuery('#endDate').datepicker({
				autoclose:true  //选择日期后自动关闭picker
			});
			jQuery('#searchDate').datepicker({
				autoclose:true  //选择日期后自动关闭picker
			});

/* 			$('#datatable-keytable').DataTable({
				keys : true
			}); */
//			$('#datatable-responsive').DataTable();
			/* $('#datatable-scroller').DataTable({
				ajax : "assets/plugins/datatables/json/scroller-demo.json",
				deferRender : true,
				scrollY : 380,
				scrollCollapse : true,
				scroller : true
			}); */
			/* var table = $('#datatable-fixed-header').DataTable({
				fixedHeader : true
			}); */
		});
		TableManageButtons.init();
		
		
		
	</script>


</body>
</html>